---
title: 'swc'
sidebar:
  order: 20
  title: swc
---

Parent: [main.js|ts configuration](./main-config.mdx)

Type: `(config: swc.Options, options: Options) => swc.Options | Promise<swc.Options>`

Customize Storybook's [SWC](https://swc.rs/) setup for Webpack-based projects enabled via the [`@storybook/addon-webpack5-compiler-swc`](https://storybook.js.org/addons/@storybook/addon-webpack5-compiler-swc) addon based on the supported [frameworks](../../configure/integration/frameworks.mdx), except Angular, Create React App, Ember.js and Next.js.

{/* prettier-ignore-start */}

<CodeSnippets path="main-config-swc.md" />

{/* prettier-ignore-end */}

## `SWC.Options`

The options provided by [SWC](https://swc.rs/) are only applicable if you've enabled the [`@storybook/addon-webpack5-compiler-swc`](https://storybook.js.org/addons/@storybook/addon-webpack5-compiler-swc) addon.

## Options

Type: `{ configType?: 'DEVELOPMENT' | 'PRODUCTION' }`

There are other options that are difficult to document here. Please introspect the type definition for more information.
